<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="./css/api.css" rel="stylesheet"/>
  <link href="./css/element.css" rel="stylesheet"/>
  <link href="./css/base.css" rel="stylesheet"/>
  <title>工作台</title>
</head>
<body>
  <div id="vm" v-cloak>
    <header class="x-header">
      <!-- <i class="el-icon-arrow-left x-closewin-icon" @click="closethiswin"></i> -->
      <div class="x-header-t">工作台</div>
      <div class="x-header-r"><span class="x-small-add"></span>自定义添加到底部导航</div>
    </header>
    <div class="x-work-bench">
      <div class="x-wobe-box">
        <div class="x-wobe-icon"><img src="./images/class.png" alt=""></div>
        <div class="x-wobe-t">排班考勤</div>
      </div>
      <div class="x-wobe-box">
        <div class="x-wobe-icon"><img src="./images/ok.png" alt=""></div>
        <div class="x-wobe-t">审批</div>
      </div>
      <div class="x-wobe-box">
        <div class="x-wobe-icon"><img src="./images/person.png" alt=""></div>
        <div class="x-wobe-t">人才库</div>
      </div>
    </div>

    <div class="x-work-bench">
      <div class="x-wobe-box">
        <div class="x-wobe-icon"><img src="./images/a1.png" alt=""></div>
        <div class="x-wobe-t">校招</div>
      </div>
      <div class="x-wobe-box">
        <div class="x-wobe-icon"><img src="./images/a2.png" alt=""></div>
        <div class="x-wobe-t">培训</div>
      </div>
      <div class="x-wobe-box">
        <div class="x-wobe-icon"><img src="./images/a3.png" alt=""></div>
        <div class="x-wobe-t">薪酬管理</div>
      </div>
    </div>

    <div class="x-work-bench">
      <div class="x-wobe-box">
        <div class="x-wobe-icon"><img src="./images/a4.png" alt=""></div>
        <div class="x-wobe-t">目标管理</div>
      </div>
      <div class="x-wobe-box">
        <div class="x-wobe-icon"><img src="./images/a5.png" alt=""></div>
        <div class="x-wobe-t">报表分析</div>
      </div>
    </div>

    <!-- <div style="margin:1rem;">
      <div class="x-wobe-box">
        <div class="x-wobe-icon"><img src="./images/add.png" alt=""></div>
        <div class="x-wobe-t">待添加</div>
      </div>
    </div> -->

  </div>
  <script type="text/javascript" src="./script/vue.js"></script>
  <script type="text/javascript" src="./script/element.js"></script>
  <script type="text/javascript" src="./script/api.js"></script>
  <script type="text/javascript" src="./js/base.js"></script>
  <script>
    apiready = function () {
      //
    var vm = new Vue({
      el:'#vm',
      data(){
        return{

        }
      },
      created:function() {
        var that=this;

      },
      mounted:function(){
        var that=this;

      },
      methods: {

      }
    })
    }
  </script>
</body>
</html>
